<template>
	<view class="b">
		<view class="b1">
			<view class="b1-1">地址：西安市碑林区长安北路大话南门B1层08</view>
			<view class="b1-3">
				<img src="http://p0.meituan.net/dealwatera/669b0e6d6f25399c8d8fc675e63ea085615316.jpg@130w_130h_1e_1c" alt="">
				<img src="http://p0.meituan.net/dealwatera/669b0e6d6f25399c8d8fc675e63ea085615316.jpg@130w_130h_1e_1c" alt="">
				<img src="http://p0.meituan.net/dealwatera/669b0e6d6f25399c8d8fc675e63ea085615316.jpg@130w_130h_1e_1c" alt="">
				<img src="http://p0.meituan.net/dealwatera/669b0e6d6f25399c8d8fc675e63ea085615316.jpg@130w_130h_1e_1c" alt="">
			</view>
			<view class="b1-2">
				<view>查看食品安全档案></view>
			</view>
		</view>
		<view class="b2">
			<view class="b2-1">
				配送服务:
				<view class="b2-1-1">美团专送</view>
				提供高品质送餐服务
			</view>
			<view>
				配送时间：09:30-21:00
			</view>
		</view>
		<view class="b3">
			<view class="b3-2">
				公告：套餐内饮料可以换瓶装水或大骨浓汤，下单备注即可！
			</view>
			<view class="b3-1">
				<view class="b3-1-1">商家服务</view>
				<view class="b3-1-2">
					<view class="b3-1-3">票</view>可开发票
					<view class="b3-1-3">票</view>可开发票
					<view class="b3-1-3">票</view>可开发票（享优惠）
				</view>
			</view>
			<view class="b3-3">
				<view>
					<view class="b3-3-1">减</view>满20减10，满50减25（在线支付专享）
				</view>
				<view>
					<view class="b3-3-1">减</view>满20减10，满50减25（在线支付专享）
				</view>
				<view>
					<view class="b3-3-1">减</view>满20减10，满50减25（在线支付专享）
				</view>
				<view>
					<view class="b3-3-1">减</view>满20减10，满50减25（在线支付专享）
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.b{
	margin: 10px;
	background-color: #f4f4f4;
}
.b1{
	font-size: 10px;
	background-color: white;
}
.b1-1{
	margin-bottom: 5px;
	border-bottom: #f4f4f4 solid 1px;
}
.b1-2{
	margin-top: 10px;
}
.b1-3{
	margin-bottom: 5px;
	border-bottom: #f4f4f4 solid 1px;
	display: flex;
}
.b1-3 > img{
	width: 60px;
	height: 60px;
	margin-left: 10px;
}
.b2{
	font-size: 10px;
	background-color: white;
	margin-top: 10px;
}
.b2-1{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: #f4f4f4 solid 1px;
}
.b2-1-1{
	display: inline-block;
	margin-left: 10px;
	border-radius: 3px;
	background-color: #F0AD4E;
}
.b3{
	font-size: 10px;
	background-color: white;
	margin-top: 10px;
}
.b3-1{
	border-bottom: #f4f4f4 solid 1px;
}
.b3-2{
	overflow-wrap: break-word;
	border-bottom: #f4f4f4 solid 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.b3-1-1{
}
.b3-1-2{
}
.b3-1-3{
	display: inline-block;
	border: #007AFF solid 1px;
	margin-left: 10px;
	border-radius: 3px;
}
.b3-3-1{
	display: inline-block;
	margin-left: 10px;
	border-radius: 3px;
	background-color: #FB4E44;
}
</style>
